<template>
	<view class="topic-list u-f animated fadeInLeft fast"  @tap='handleNavgateToDetail'>
		
			<image :src="item.toppic" mode="widthFix" lazy-load></image>
			<view>
				<view>#{{item.title}}#</view>
				<view>{{item.desc}}</view>
				<view>动态 {{item.totalnum}} 今日 {{item.todaynum}}</view>
			</view>
		
	</view>
</template>

<script>
	export default {
		props: {
			item: Object, 
			index: Number
		},
		methods:{
			handleNavgateToDetail() {
				uni.navigateTo({
					url:"/pages/toppic-detail/toppic-detail"
				})
			}
		}
	}
</script>

<style scoped>
	.topic-list {
		padding: 20upx 0;
		border-bottom: 1upx solid #EEE;
	}
	.topic-list image {
		width: 150upx;
		height: 150upx;
		border-radius: 10upx;
		margin-right: 20upx;
	}
	
	.topic-list > view>view{
		color: #A4A4A4;
	}
	.topic-list > view>view:first-child{
		color: #333;
		font-size: 32upx;
	}
</style>
